$(function () {
    // 首页数据渲染

    // 像后台发送ajax获取数据
    var currentPage = 1;  //当前页数
    var pageSize = 3;   ///每页条数
    function render() {
        $.ajax({
                type: 'get',
                url: '/user/queryUser',
                data: {
                    page:currentPage,
                    pageSize :pageSize

                },
                dataType: 'json',
                success: function (res) {
                    console.log(res);
                    $('tbody').html(template('tmp',res));
                    setpage(res.total);
                }
            })
    }
    render();

    // 2-禁用启用
    // 1- 点击按钮，获取当前数据id， 获取要进行的操作 ，弹出模态框  
    // 2- 用户点击确定按钮时，通过ajax请求后台，进行对应操作 
    // 3- 页面重新渲染， 模态框隐藏  看到操作后结果
    var id = null;
    var isDelete = null;
    $('tbody').on('click','.btn',function () {
        id = $(this).parent().data('id');
        isDelete = $(this).hasClass('btn-danger') ? 0 : 1;
        console.log(id,isDelete);
        
    })
    $('.btn-ok').click(function () {
        	$.ajax({
                type: 'post',
                url: '/user/updateUser',
                data: {
                    id:id,
                    isDelete : isDelete
                },
                dataType: 'json',
                success: function (res) {
                        console.log(res);
                        render();
                        $('.modal-user').modal('hide');
                }
            })
    })



    // 分页功能
    function setpage(total) {
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage:currentPage,//当前页
            totalPages:Math.ceil(total / pageSize),//总页数
            size:"small",//设置控件的大小，mini, small, normal,large
            onPageClicked:function(event, originalEvent, type,page){
              //为按钮绑定点击事件 page:当前点击的按钮值
              console.log(page);
              currentPage = page;
              render();
              
            }
      
        });
    }
})